<template>
  <a-form-model-item label="Activity time" required prop="date1" :rules="fieldRules">
    <a-date-picker
      v-model="form.date1"
      show-time
      type="date"
      placeholder="Pick a date"
      style="width: 100%;"
    />
  </a-form-model-item>
</template>

<script>
export default {
  name: "ActivityTime",
  props: {
    form: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      fieldRules: [
        { required: true, message: "Please pick a date", trigger: "change" }
      ]
    };
  }
};
</script>

<style>
</style>